*{
    -webkit-tap-highlight-color:transparent
}
html, body {
    position: relative;
    height: 100%;
}

body {
    background: #fff;
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    font-size: 0.4375rem;
    color: #000;
    margin: 0;
    padding: 0;
}

.swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.swiper-slide {
    text-align: center;
    font-size: 0.5625rem;
    background: #fff;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
.bg_width{
    width:100%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
}
/*scene1 elements*/
.tit {
    position: absolute;
    width: 19.16rem;
    height: 8.09rem;
    top: 1.97rem;
}

.jumpToP2 {
    position: absolute;
    width: 10.66rem;
    height: 3.19rem;
    bottom: 2.66rem;
}

@media screen and (max-width: 320px) {
    .tit {
        position: absolute;
        width: 17rem;
        height: 6.5rem;
        top: 1.97rem;
    }
}

/*scene2 elements*/
.chat1 {
    position: absolute;
    width: 13.81rem;
    height: 7.78rem;
    top: 2.19rem;
    right: 0.34rem;
}

.chat2 {
    position: absolute;
    width: 12.09rem;
    height: 6.84rem;
    top: 12.19rem;
    right: 2.03rem;
}

.chat3 {
    position: absolute;
    width: 10.81rem;
    height: 6.47rem;
    bottom: 7.06rem;
    left: 0;
}

.chat4 {
    position: absolute;
    width: 10.81rem;
    height: 6.47rem;
    bottom: 2.87rem;
    right: 3.72rem;
}

.chat4_1 {
    position: absolute;
    width: 4.03rem;
    height: 2.25rem;
    bottom: 0.41rem;
    right: 7rem;
}

/*scene3 elements*/
.mapContain {
    position: absolute;
    width: 23.44rem;
    height: 20rem;
    top: 53%;
    margin-top: -10rem;
}

.map {
    width: 23.44rem;
    height: 20rem;
}

.jumpToP4 {
    position: absolute;
    width: 10.5rem;
    height: 3.09rem;
    bottom: 3.56rem;
}

@media screen and (max-width: 320px) {
    .mapContain {
        position: absolute;
        width: 23.44rem;
        height: 20rem;
        top: 56%;
        margin-top: -10rem;
    }

    .jumpToP4 {
        position: absolute;
        width: 10.5rem;
        height: 3.09rem;
        bottom: 1.5rem;
    }
}

/*scene4 elements*/
.prev{
    position:absolute;
    width:3.91rem;
    height:1.91rem;
    top:0;
    left:1rem;
}
.pageContent{
    position: absolute;
    bottom: 2.5%;
    left: 0;
    right: 0;
    height: 14.205rem;
    margin-top: -7.1025rem;
}
.inputContain{
    width:100%;
    height:4.125rem;
}
.input{
    width: 19.47rem;
    height: 4.125rem;
    margin:0 auto;
    position:relative;
}
.input_back{
    width: 19.47rem;
    height: 4.125rem;
    position:absolute;
    left:0;
}
.name, .comefrom {
    border: none;
    width: 7rem;
    height: 1.4rem;
    line-height: 1.4rem;
    padding: 0;
    background: transparent;
    outline: none;
    font-family: 'simHei';
    font-size: 15px;
    color: #bb111c;
    position:absolute;
    top:0.8rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.name::-webkit-input-placeholder, .comefrom::-webkit-input-placeholder {
    color: #999;
}

.name{
    left:0.55rem;
}
.comefrom{
    right:0.75rem;
}

.techan_btns,.actions {
    list-style: none;
    width:20.7rem;
    margin: 0 auto;
    padding:0;
    display: inline-block;
    margin-left:-0.615rem;
    margin-right:-0.615rem;
}

.techan_btns li,.actions li {
    width:10.35rem;
    float: left;
    margin-bottom: 0.3rem;
    height: 3.06rem;
    position: relative;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.techan_btns li img, .actions li img{
    width: 9.12rem;
    height: 3.06rem;
    position:absolute;
    top:0;
    left:0.615rem;
    z-index:0;
}
.techan_btns li text{
    color:#fff;
    font-size:0.75rem;
    font-weight: bold;
    z-index:10;
    position:relative;
}
@media screen and (max-width: 320px) {
    .techan_btns {
        padding: 0;
        bottom:0;
    }

    .techan_btns li {
        width: 50%;
        float: left;
        margin-bottom: 0.1rem;
    }
    /*.inputContain{
        top:auto;
        bottom:10.3rem;
        background-color:#fff;
    }*/


}
.techan{
    position: absolute;
    width:17.625rem;
    height:10.625rem;
    top:33%;
    margin-top:-5.3125rem;
}
/*华东*/
.dazhaxie {
    position: absolute;
    width: 5.44rem;
    height: 5.22rem;
    left:0;
    bottom:0.5rem;
}
.longjing{
    position: absolute;
    width:5.69rem;
    height:4.84rem;
    bottom:0.5rem;
    right:0;
}
.huotui{
    position: absolute;
    width:4.59rem;
    height:6.69rem;
    right:0;
    top:0;
    right:1.2rem;
}
.jinjunmei{
    position: absolute;
    width:2.19rem;
    height:5.25rem;
    bottom:0;
    left:4.8rem;
}
.badayang{
    position: absolute;
    width:5.59rem;
    height:4.69rem;
    bottom:0.2rem;
    left:6.9rem;
}
.haixian{
    position: absolute;
    width:10.875rem;
    height:5.94rem;
    left:1.9rem;
    top:0.9rem;
}
/*华东*/
.xiangmi{
    position: absolute;
    width: 8rem;
    height: 10.875rem;
    left: 1.9rem;
    top: -1rem;
}
.hongchang{
    position: absolute;
    width: 9.06rem;
    height: 7.41rem;
    right: 0.6rem;
    top: 0.8rem;
}
.tang{
    position: absolute;
    width: 5.625rem;
    height: 6.47rem;
    left: 1.4rem;
    bottom: 0.2rem;
}
.renshen{
    position: absolute;
    width: 3.81rem;
    height: 5.375rem;
    right: 2.1rem;
    bottom: 0.2rem;
}
.lanmei{
    position: absolute;
    width: 4.25rem;
    height: 4.97rem;
    right: 5.5rem;
    bottom: 0.15rem;
}
.xuemi{
    position: absolute;
    width: 2.625rem;
    height: 4.25rem;
    left: 5.7rem;
    bottom: -0.1rem;
}
/*港澳台*/
.yitonghaixian{
    position: absolute;
    width: 9.41rem;
    height: 8.84rem;
    left: 1.4rem;
    top: -0.8rem;
}
.dongdingwulong{
    position: absolute;
    width: 5.94rem;
    height: 7.625rem;
    right: 1.4rem;
    top: 0.7rem;
}
.fenglisu{
    position: absolute;
    width: 8.78rem;
    height: 5.28rem;
    left: 0.8rem;
    bottom: -0.1rem;
}
.gaoshancha{
    position: absolute;
    width: 2.875rem;
    height: 6.25rem;
    right: 0.6rem;
    bottom: 0.3rem;
}
.lanfangyuan{
    position: absolute;
    width: 3rem;
    height: 4.91rem;
    right: 3.1rem;
    bottom: 0.25rem;
}
.niurouwan{
    position: absolute;
    width: 4.06rem;
    height: 3.44rem;
    right: 5rem;
    bottom: 0rem;
}
/*华北*/
.lvrou{
    position: absolute;
    width: 9.09rem;
    height: 7.47rem;
    left: 1.6rem;
    top: 1rem;
}
.kaoya{
    position: absolute;
    width: 5.375rem;
    height: 8.69rem;
    right: 2rem;
    top: 0rem;
}
.beibingyang{
    position: absolute;
    width: 1.875rem;
    height: 6.81rem;
    right: 0.5rem;
    bottom: 1rem;
}
.goubuli{
    position: absolute;
    width: 6.16rem;
    height: 4.18rem;
    right: 1.4rem;
    bottom: 0.3rem;
}
.mahua{
    position: absolute;
    width: 5.75rem;
    height: 4.125rem;
    left: 0rem;
    bottom: 0.5rem;
}
.daoxiangcun{
    position: absolute;
    width: 13.125rem;
    height: 4.78rem;
    left: 4.5rem;
    bottom: -0.7rem;
}
/*华南*/
.guilinggao{
    position: absolute;
    width: 8.53rem;
    height: 6.94rem;
    left: 1.4rem;
    top: 1.2rem;
}
.lawei{
    position: absolute;
    width: 9.125rem;
    height: 7.66rem;
    right: 0.5rem;
    top: -0.3rem;
}
.chashao{
    position: absolute;
    width: 9.19rem;
    height: 3.625rem;
    left: -1rem;
    bottom: -0.3rem;
}
.gaodian{
    position: absolute;
    width: 4.84rem;
    height:6.78rem;
    right: 0rem;
    bottom: 0rem;
}
.yezitang{
    position: absolute;
    width: 4.44rem;
    height:5.09rem;
    left: 7rem;
    bottom: 0rem;
}
.yezhi{
    position: absolute;
    width: 2.25rem;
    height: 5.09rem;
    right: 4.2rem;
    bottom: 0rem;
}
/*华中*/
.zuhe{
    position: absolute;
    width: 9.34rem;
    height: 7rem;
    left: 1.2rem;
    top: 0.5rem;
}
.huimian{
    position: absolute;
    width: 8.03rem;
    height: 7.78rem;
    right: 0.8rem;
    top: 1rem;
}
.zhouheiya{
    position: absolute;
    width: 5.94rem;
    height: 4.81rem;
    left: -0.5rem;
    bottom: 0.8rem;
}
.yangzatang{
    position: absolute;
    width: 3.625rem;
    height: 3.44rem;
    left: 4.5rem;
    bottom: 0;
}
.wuchangyu{
    position: absolute;
    width: 5.875rem;
    height: 5.125rem;
    right: 4rem;
    bottom: -0.3rem;
}
.shaoji{
    position: absolute;
    width:6.94rem;
    height:4.91rem;
    right:-1rem;
    bottom:0.2rem;
}
/*西北*/
.lamian{
    position: absolute;
    width: 9.44rem;
    height: 8.5rem;
    right: 1.2rem;
    top: 0.2rem;
}
.maoniu{
    position: absolute;
    width: 5.59rem;
    height: 7.875rem;
    left: 2.2rem;
    top: 0rem;
}
.sanpaotai{
    position: absolute;
    width: 3.72rem;
    height: 6.53rem;
    left: 1.5rem;
    bottom: 0.2rem;
}
.badanmu{
    position: absolute;
    width: 4.75rem;
    height: 3.19rem;
    right: 0.8rem;
    bottom: 0.4rem;
}
.putaogan{
    position: absolute;
    width: 4.19rem;
    height: 6.28rem;
    right: 5.2rem;
    bottom: 0.2rem;
}
.laozao{
    position: absolute;
    width: 3.94rem;
    height: 3.75rem;
    left: 4.8rem;
    bottom: 0.5rem;
}
/*西南*/
.xianhuabing{
    position: absolute;
    width: 8.5rem;
    height: 6.28rem;
    left: 2.5rem;
    top: 0.2rem;
}
.huoguodiliao{
    position: absolute;
    width: 5.06rem;
    height: 8.97rem;
    right: 1.5rem;
    top: 0.5rem;
}
.shaojigong{
    position: absolute;
    width: 4.75rem;
    height: 5.72rem;
    left: 0.8rem;
    bottom: 0rem;
}
.dandanmian{
    position: absolute;
    width: 4.91rem;
    height: 5.59rem;
    right: 0.8rem;
    bottom: -0.3rem;
}
.fengzhua{
    position: absolute;
    width: 4.31rem;
    height: 6.19rem;
    left: 5.1rem;
    bottom: 0rem;
}
.youjicongjun{
    position: absolute;
    width: 2.72rem;
    height: 4.375rem;
    right: 5.6rem;
    bottom: 0rem;
}
/*scene5 elements*/
.page5 .techan{
    top:47%;
}

.page5 .techan_btns li{
    display: none;
}
.page5 .techan_btns li.btn_save,.page5 .techan_btns li.btn_share{
    display: block;
}
.text{
    width: 19.47rem;
    height: 2.2rem;
    color:#bb111c;
    font-size:0.875rem;
    text-align:left;
    margin:0 auto;
}
.text p{
    margin:0;
    line-height:1.1rem;
}
.text p span{
    font-weight: normal;
}
.text .recommend_text{
    font-weight: 600;
}
@media screen and (max-width: 320px) {
    .text{
        top:auto;
        bottom:10rem;
        background: #fff;
    }
    .pageContent{
        bottom:0;
        height:13.605rem;
        margin-top:0;
    }
    .inputContain{
        background-color:#fff;
    }
}


.loading-box{position: relative; width: 100%; height: 100%; background-color: #BA111C; overflow: hidden;}
.load-bg{ width: 100%; height: 100%; position: relative; z-index: 1; }
.load-tit{ display: block; width: 19.25rem; position: absolute; top: 2rem; margin-left: -9.72rem; left: 50%; z-index: 100; height: 8.09rem; }
.load-btn{ position: absolute; bottom: 5.6rem; width: 10.66rem; height: 3.19rem; left: 50%; margin-left: -5.33rem; z-index: 100; }

.loading{ width: 13.9rem; height: 13.44rem; position: absolute; top: 50%; left: 50%; margin-left: -6.95rem; margin-top: -6.72rem; text-align: center;}
.loading img{ display: block; width: 13.9rem; margin: 0 auto 1.56rem;}
.loading .loading-span-box{ display: block; width: 9.12rem; height: 1rem; margin: 0 auto; border: 2px solid #fff; padding: 2px; border-radius: 3px;}
.loading .loading-span{ display: block; width: 100%; height: 100%; background-color: #BA111C; border-radius: 3px; overflow: hidden;}
.loading .loading-span span{ display: block; width: 0; height: 100%; background-color: #fff;
    animation:mymove 4s;
    -webkit-animation:mymove 4s;
}
.loading .loading-num{ display: block; text-align: center; font-size: 1rem; color: #fff; margin-top: 0.7rem; }
.load-jump{ width: 4.22rem; height: 2rem; position: absolute; top: 0; right: 1rem; z-index: 900; }

@keyframes mymove
{
    from {width: 0}
    to {width: 100%}
}